<script>
  export default{
    data(){
      return{
        msg:"vue的语法",
        number:10,
        ok:true,
        massage:"abcdefg",
        rawHTML:"<a href = 'https://cn.bing.com'>必应</a>"
      }
    }
  }
</script>

<template>
  <h3>模板语法</h3>
  <p>{{ msg }}</p>
  <p>{{ number + 1 }}</p>
  <p>{{ ok ? "yes" : "no" }}</p>
  <p>{{ massage.split('').reverse().join('') }}</p>
  <!-- <p>{{ let a = 10 }}</p> -->
  <!-- <p>{{ if(ok) {return massage} }}</p> -->
  <p>{{ rawHTML }}</p> 
  <p v-html="rawHTML"></p>
</template>
